<template>
  <div class="container">
    <!-- 列表 -->
    <div class="list-content">
      <van-panel use-footer-slot>
        <view slot="header">
          <van-card
          num="2"
          price="10.00"
          desc="描述信息"
          title="标题"
          thumb="https://i.loli.net/2017/08/21/599a521472424.jpg"
          >
          </van-card>
        </view>
         <view slot="footer">
          <van-row>
          <van-col span="12">
            点赞:
            <van-icon name="like-o" />
          </van-col>
          <van-col span="12">
            666人想要
          </van-col>
        </van-row>
        </view>
      </van-panel>

      <van-panel use-footer-slot>
        <view slot="header">
          <van-card
          num="2"
          price="10.00"
          desc="描述信息"
          title="标题"
          thumb="https://i.loli.net/2017/08/21/599a521472424.jpg"
          >
          </van-card>
        </view>
         <view slot="footer">
          <van-row>
          <van-col span="12">
            点赞:
            <van-icon name="like-o" />
          </van-col>
          <van-col span="12">
            666人想要
          </van-col>
        </van-row>
        </view>
      </van-panel>

      <van-panel use-footer-slot>
        <view slot="header">
          <van-card
          num="2"
          price="10.00"
          desc="描述信息"
          title="标题"
          thumb="https://i.loli.net/2017/08/21/599a521472424.jpg"
          >
          </van-card>
        </view>
         <view slot="footer">
          <van-row>
          <van-col span="12">
            加入心愿书单
            <van-icon name="like-o" />
          </van-col>
          <van-col span="12">
            666人想要
          </van-col>
        </van-row>
        </view>
      </van-panel>
    </div>
  </div>
</template>

<script>

</script>

<style scoped>
.top-search {
  width: 95%;
}
.list-content {
  width: 90%;
  margin-top:5px;
}

.card-list {
  margin-top: 5px;
}
</style>
